# Первое знакомство со сборщиком

Писать чистый HTML i CSS мы не будем.

Мы будем использовать препроцессорыPUG i SASS, только они не интерпретируется браузером.

Что же делать, спросишь ты?

А у нас на этот случай все готово.

Ты уже зарегистрировался на gitlab (opens new window). Вот тебе ссылочка на базовый сбощик WEBCASE simple builder (opens new window). Он нам поможет превратить файлы препроцессоров в компилированные.

Внутри репозитория( а именно так называется каждая папка в gitlab) есть инструкция.

Обрати внимание, для первого запуска и самой установки сборщика потребуются:

  • python >= 3.6
  • cookiecutter
  • npm
  • node(любая LTS версия подойдет, к примеру 12, 14(минораня версия любая))

В зависимости от операционной системы есть нюансы в установке, но Гугл знает все)

После того, как установишь все вышеперечисленное запускаем терминал/командную строку.

Следуя инструкции сборщика запускаем эту команду:

P.S. Важна текущая папка в которую ты перешел терминалом. Потому что в том месте где ты сейчас находишься и создаться новый проект.

cookiecutter https://gitlab.com/web_case/webcase-simple-builder

Если все хорошо, нужно будет ответить на несколько вопросов. Самый важный - название проекта. На остальные можно просто нажимать клавишу Enter, подставится значение по умолчанию(то, что в квадратных скобках после вопроса).

Получилось? Отлично.

Отрываем эту папку в IDE (это твой VSCode, советуем именно его.)